@charset "utf-8";
/* CSS Document */
/* index */
body{ padding-top:83px;}
.op0{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.wrap{ width:1200px; margin:0 auto;}
.mob-nav{ display:none;}
.top{ height:83px; border-bottom:4px solid #e8e8e8; background:#fff; width:100%; position:fixed; left:0; top:0; z-index:20;}
.T-nav{ margin-top:32px;}
.T-nav > li{ float:left; margin-left:10px; padding:0 15px; position:relative;}
.T-nav > li > a{ display:block; height:35px; line-height:35px; font-size:16px; padding:0 10px; text-align:center;}
.T-nav > li > a.cur{}
.T-nav > li .gdlt{ position:absolute; left:0; top:35px; width:100%; display: none; background:#fff; text-align:center; border-top:1px solid #ddd;}
.T-nav > li .gdlt a{ display:block; line-height:35px;}
.gdlt .sanJNav{position: relative;}
.sanJNav .sanJNav_list{position: absolute;width: 0;left: 100%;top: 0;background: #fff;overflow: hidden;transition: all .5s;}
.sanJNav:hover .sanJNav_list{width: 150%;}
.sanJNav_list a{display: block;white-space: nowrap;}

.ind-scloe{ padding:80px 0;}
.bewot{ font-size:36px; text-align:center; line-height:1.5; background:url(../images/bv.jpg) no-repeat center bottom; padding-bottom:15px;}
.bewot span{ color:#da251c;}
.bewot i{ color:#666; display:block; text-transform:uppercase; font-size:14px;}

.foot{ background:#3e3e3e; color:#fff; padding-top:40px;}
.lorel{ width:400px;}
.lorel .p1{ background:url(../images/hx2.jpg) no-repeat left bottom; font-size:24px; padding-bottom:15px; margin-bottom:10px;}
.lorel .p2{ line-height:25px;}
.midtes{ width:485px; padding-top:50px;}
.midtes a{ display:block; float:left; line-height:40px; width:125px; text-align:center; font-size:12px; border:1px solid #878787; color:#fff; margin-right:35px; margin-top:25px;}
.lieso{ text-align:center; padding-top:50px;}
.brenls{ background:#262626; padding:10px 0; margin-top:20px;}
.banner-ny{ background-repeat:no-repeat; background-position:center center; background-size:cover; height:298px;}
.ny-nav{ border-bottom:3px solid #e9e9e9; height:83px; line-height:80px;}
.ny-nav .boei{ font-size:36px; color:#da251c; padding-left:15px; background:url(../images/lsx.jpg) no-repeat left center;}
.ny-nav .sliew{ line-height:35px; margin-top:22px; position:relative;}
.ny-nav .sliew span{ display:none;}
.ny-nav .sliew p a{ display:inline-block; width:110px; text-align:center; font-size:16px;}
.ny-nav .sliew p a.cur{ color:#fff; background:#da251c; border-radius:3px;}

.yovels{ padding:50px 0;min-height: 400px;}
.oufse{ line-height:2; color:#666;}
.oufse img{ max-width:100%;height:auto!important;}
.ul-clte li{ width:23%; margin:2% 1%; text-align:center; float:left;}
.ul-clte li a{ display:block; border:1px solid #ddd;}
.ul-clte li a .pic{ height:175px; overflow:hidden;}

.ul-clte li a .pic{ transition:all 0.5s ease;}
.ul-clte li a:hover .pic{ transform:scale(1.1); transition:all 0.5s ease;}

.ul-clte li a .tit{ line-height:65px; height:65px; overflow:hidden; border-top:1px solid #ddd;}
.ul-clte li a:hover .tit{ color:#fff; background:#da251c;}
.page-cle{ padding:20px 0;}
.page-cle a{ display:inline-block; padding:0 10px; line-height:30px; border:1px solid #ddd; margin:0 3px;}
.page-cle a.cur{ background:#da251c; color:#fff;}

.honslv{background:rgba(0,0,0,0.7); position:fixed; z-index:20; left:0; top:0; width:100%; height:100%; display:none;}
.tab-vel{ display:table-cell; vertical-align:middle; text-align:center;}
.tab-vel span{ position:relative; display:inline-block; padding:5px; background:#ececec;max-width:80%; max-height:80%;}
.tab-vel span > img{ max-width:100%; max-height:100%;}
.tab-vel i{ position:absolute; right:-8px; top:-8px; cursor:pointer;}
.fzlcs{ background:url(../images/d.jpg) repeat-y 162px top;}
.fzlcs .t-sole{ height:60px; background: url(../images/dt.jpg) no-repeat 135px top;}
.yearl-cho{ margin-top:35px; padding-left:110px;}
.yearl-cho select{ width:105px; height:32px; border:1px solid #ddd; border-radius:3px; color:#666;}

.fzlcs .b-sole{ height:60px; background: url(../images/db.jpg) no-repeat 135px top;}
.cresol li{ padding-left:205px; position:relative; margin:20px 0;}
.cresol li .datelo{ position:absolute; width:86px; left:80px; top:20px; font-size:24px; background:url(../images/dm.jpg) no-repeat right 10px;}
.cresol li .datelo span{ display:block; color:#666; font-size:14px;}
.cresol li .oderls{ border:1px solid #ddd; padding:20px; border-radius:8px; position:relative;}
.cresol li .oderls .sjh{ width:18px; height:21px; background:url(../images/sj.jpg) no-repeat; position:absolute; left:-18px; top:20px;}
.cresol li .oderls .tit{ font-size:16px; line-height:25px; padding:5px 0;}
.cresol li .oderls .con{ font-size:12px; color:#666; line-height:2;}
.cresol li .oderls .con img{ max-width:100%; margin-left:15px; float:right;}

.botels{ border-bottom:1px solid #ddd; padding:20px 0;}
.botels .p1{ font-size:24px;}
.botels .p2{ color:#666; margin-top:15px;}
.liresl{ margin-top:20px; padding-top:10px; border-top:1px solid #ddd; position:relative;}
.liresl p{ padding:5px 0;}
.liresl .back-relo{ position:absolute; right:0; top:15px;}

.proNav_er{line-height: 30px;color:#222;font-size: 17px;text-align: center;padding-bottom: 30px;}
.proNav_er a{display: inline-block;padding: 0 10px;color:#222;font-size: 17px;}

.odevn li{ float:left; width:23.5%; border:1px solid #ddd; margin-right:2%; margin-bottom:2%;}
.odevn li a{ display:block; overflow:hidden;}

.pic{transition: all 0.5s ease;}
.odevn li a .pic img{ transition:all 0.5s ease;}
.odevn li a:hover .pic img{ transform:scale(1.1); transition:all 0.5s ease;}

.odevn li a .cont{ padding:20px 5%;}
.odevn li a .cont .tit{ font-size:20px; color:#333; background:url(../images/hx.jpg) no-repeat left top; padding-top:10px; line-height:30px; height:40px; overflow:hidden;}
.odevn li a .cont .con{ color:#666; line-height:20px; height:60px; overflow:hidden; margin-top:10px; font-size:12px;}
.odevn li a .cont .link{ margin-top:10px;}
.odevn li a .cont .link span{ display:inline-block; line-height:35px; border:1px solid #ddd; padding:0 20px; border:1px solid #ddd; border-radius:17px;}
.odevn li a:hover .cont .link span{ background:#da251c; border-color:#da251c; color:#fff;}
.olpe{ width:78%;}
.olpe img{ border:1px solid #ddd;}
.reols{ width:20%;}
.picScroll-top{ background:#f2f2f2;  width:100%;  overflow:hidden; position:relative;}
.picScroll-top .prev,.picScroll-top .next{ display:block;  width:100%; height:30px;overflow:hidden;cursor:pointer;}
.picScroll-top .prev{ background:url(../images/s1.png) no-repeat center center;}
.picScroll-top .next{ background:url(../images/s2.png) no-repeat center center;}

.picScroll-top .bd{ padding:0px 25px;   }
.picScroll-top .bd ul{ overflow:hidden; zoom:1;width: 100%;}
.picScroll-top .bd ul li{ zoom:1;width: 100%;}
.picScroll-top .bd ul li a{ display:block; padding:3px 0;width: 100%;min-height: 140px;}
.picScroll-top .bd ul li a img{width: 100%;}
.picScroll-top .bd ul li a.cur img{ border:2px solid #da251c;}
.presli{ display:none;}
.bt-mel{ line-height:55px; font-size:24px; border-bottom:1px solid #ddd; margin-top:10px;}
.bt-mel span{ font-size:16px; color:#999; margin-left:15px;}
.prelie{ padding:30px 0; line-height:2; color:#474747;}.prelie img {max-width:100%!important;height:auto!important;}.prelie iframe {max-width:100%!important;}.prelie video {display:block!important;}
.vioels{ width:415px; border:1px solid #ddd; margin-left:15px; position:relative;}
.vioels a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6) url(../images/play.png) no-repeat center center;}
.dloew li{ float:left; width:100%; margin-top:20px;}



.dloew li a{ display:block; position:relative; border:1px solid #ddd; height:244px; background:#f8f8f8; transition:all 0.5s ease;}
.dloew li a .pic{ width:402px; position:absolute; top:0; overflow:hidden;}

.dloew li a .pic img{ transition:all 0.5s ease;}
.dloew li a:hover .pic img{ transform:scale(1.1); transition:all 0.5s ease;}

.dloew li:hover .tab-oe .tit1{ color:#da251c;}
.dloew li.even a{ padding-right:402px;}
.dloew li.even a .pic{ right:0;}
.dloew li.odd a{ padding-left:402px;}
.dloew li.odd a .pic{ left:0;}
.dloew li a .cont{ padding:0 5%; height:242px; display:table; width:100%;}
.tab-oe{ display:table-cell; vertical-align:middle;}
.tab-oe .tit1{ font-size:24px; color:#333;}
.tab-oe .tit2{ font-size:18px; color:#464646;}
.tab-oe .con{ color:#666; font-size:12px; line-height:20px; max-height:40px; overflow:hidden;}
.tab-oe .link span{ padding:7px 40px; border:1px solid #ddd; display:inline-block; background:#fff;}

.pleiw{ margin-top:30px; line-height:1.8; color:#333;}
.pleiw .p1{ font-size:18px;}
.pslie{ line-height:2; color:#464646;}
.prelil td{ padding:10px 3px; color:#666;}
.prelil td .osolt{ width:85%; border:1px solid #ddd; padding:0 5px; height:40px;}
.prelil td span{ color:#f00; margin-left:2px;}
.prelil td textarea{ width:94%; border:1px solid #ddd; height:160px; padding:5px;}
.prelil td .oppe{ width:46%; height:50px; color:#fff; background:#da251c; border:none; cursor:pointer; margin:0 1%;}
.ind-ltv{ padding:50px 0; background:url(../testimg/t17.jpg) no-repeat center center; background-size:cover;}
.poesn{ height:484px; width:31%; background-size:cover; background-repeat:no-repeat; background-position:center center; background-image:url(../testimg/t13-2.jpg);}
.poesn img{ position:absolute; left:5%; bottom:5%;}
.fadle{ width:67%;}
.fadle .pic{ width:50%; background-size:cover; background-repeat:no-repeat; background-position:center center; height:242px;}

.foels{ width:50%; height:242px; border:1px solid #ddd; background:#fff; padding:0 5%;}
.foels a{ display:block; padding-top:20px;}
.foels .p1{ font-size:24px; color:#333;}
.foels .p2{ font-size:18px; color:#464646;}
.foels .p3{ color:#666; font-size:12px; line-height:20px; max-height:40px; overflow:hidden;}
.foels .p4 span{ padding:7px 40px; border:1px solid #ddd; display:inline-block; background:#fff;}

.bread-box {
    padding: 20px 0 0;
    font-size: 14px;
    color: #999;
    display: flex;
    align-items: center;
}
.bread-box i {
    color: #e2251b;
}

.bread-box a {
    display: inline-block;
    padding: 0 10px;
    color: #666;
}

.bread-box .cur {
    color: #da251c;
}

@media (max-width: 1200px){
    .wrap{ width:100%; padding:0 2%;}
    body{ padding-top:50px;}
    .top{ height:50px;}
    .top .logo{}
    .top .logo img{ height:50px;}
    .mob-nav{ margin-top:0;}
    .T-nav{ height:100%; padding:0; position: absolute; margin:0; width:100%; left:0; overflow-x:hidden; overflow-y:auto; top:50px; background:rgba(255,255,255,0.9); display:none;}
    .T-nav li{ display:block; width:100%; border-bottom:1px solid #ddd; margin:0;}
    .T-nav > li a{ width:100%; text-align:left; padding:0 2%; line-height:45px; height:45px;}
    .T-nav > li > a.cur{ background:none; color:#666;}
    .T-nav li .gdlt{ position:relative; width:100%; top:0; padding:10px 0; background:none;}
    .T-nav li .gdlt a{ padding:0 5%;}
    .mob-nav{ display: block; float:right; width:50px; height:50px; background:url(../images/mob-ct.png) no-repeat center center;}
    .foot{ padding:20px 0 0;}
    .lieso{ display:none;}
    .brenls{ margin:20px 0 0;}
    .ny-nav .sliew span{ display:block;width:150px; text-align:center; font-size:16px; color:#666; background:url(../images/xl.png) no-repeat 95% center;}
    .ny-nav .sliew p{ display:none; z-index:5; position:absolute; width:100%; right:0; top:35px; background:#fff; border:1px solid #ddd;}
    .ny-nav .sliew p a{ display:block; width:100%; line-height:35px;}
    .ny-nav .sliew p a.cur{ background:none; color:#666;}
    .ny-nav .boei{ font-size:24px; background-size:auto 30%;}

    .sanJNav .sanJNav_list{position: static;width: 100%;display: none;}
    .sanJNav:hover .sanJNav_list{width: 100%;}
.prelie iframe {     max-width: 100%!important;    }
}
@media (max-width: 1000px){
    .cateol{ display:none;}
    .presli{ display: block;}		.prelie iframe {     max-width: 100%!important;    height: 305px; }
}


@media (max-width: 640px){
    .yovels{ padding:20px 0;}
    .page-cle a.mob-none{ display:none;}
    .ul-clte li{ width:48%;}
    .ul-clte li a .pic{ height:120px;}
    .ul-clte li a .tit{ line-height:45px; height:45px;}
    .banner-ny{ height:160px;}
    .fzlcs .t-sole,.fzlcs .b-sole{ background-position:40px top;}
    .fzlcs{ background-position:70px top;}
    .yearl-cho{ padding-left:20px;}
    .cresol li{ padding-left:93px;}
    .cresol li .datelo{ left:10px; top:17px; width:64px;}
    .botels .p1{ font-size:18px;}
    .liresl .back-relo{ position:relative; top:5px; margin-top:10px;}
    .odevn li{ width:49%;}
    .odevn li:nth-child(2n){ margin-right:0;}
    .odevn li a .cont .tit{ font-size:16px;}
    .picScroll-top .bd{ padding:0 5px;}
    .bt-mel{ font-size:18px; line-height:45px;}
    .ind-scloe{ padding:20px 0;}
    .bewot{ font-size:24px;}
    .dloew li a{ height:auto;}
    .dloew li.even a{ padding-right:0px;}
    .dloew li.odd a{ padding-left:0px;}
    .dloew li a .pic{ width:100%; position:relative;}
    .dloew li a .cont{ height:auto; padding:15px 3%;}
    .tab-oe .tit1,.foels .p1{ font-size:18px;}
    .tab-oe .tit2,.foels .p2{ font-size:16px;}
    .prelil td{ float:left; width:100%; text-align:left;}
    .prelil td .osolt,.prelil td textarea{ width:95%;}
    .poesn{ width:100%; height:240px; background-image:url(../testimg/t13.jpg);}
    .poesn img{ height:200px;}
    .lorel{ width:100%;}
    .lorel .p1{ font-size:18px;}
    .midtes{ width:100%;}
    .midtes a{ width:80px; margin:5px;}
    .fadle{ width:100%; margin-top:20px;}
}
@media (max-width: 420px){
    .vioels{ width:100%; margin:0 0 10px;}
}














.shade {position: fixed;left: 0; top: 0; z-index: 21;display: none; width: 100%;height: 100%; background-color: #000;filter: alpha(opacity=50); opacity: 0.5; }
.big-video {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top:-240px;
    z-index: 22;
    display: none;
    margin-left: -450px;
    background-color: #fff;
    width: 900px;
    box-sizing: border-box;
}
.big-video-main {
    height: 480px;
}
.big-video-clo {
    position: absolute;
    right: -35px;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../images/icon30.png) no-repeat center center;
    cursor: pointer;
}

@media screen and (max-width: 750px){
    .big-video {
        width: 100%;
        left: 0;
        margin-left: 0;
    }
    .big-video-main {
        height: 185px;
    }
    .big-video-clo {
        right: 0;
        z-index: 21;
    }
}